{% extends "base/layui_base.html" %}

{% block title %}
	{{ super() }}
	{{ Fdata.titleAll }}
{% endblock %}

{% block main %}
	<div class="layui-container">
		<div id="top" style="width:100%;height:100px;background:rgb(200,0,0);">2222</div>
		<div id="left" style="height:600px;width:20%;background:rgb(0,200,0);float:left;display:block;"></div>
		<div id="right" style="height:600px;width:80%;background:rgb(0,0,200);float:left;"></div>
		<div id="foot" style="width:100%;height:100px;background:rgb(100,100,100);float:left;"></div>
	</div>
{% endblock %}

{% block js %}
		<script type="text/javascript">
			function getValue(){
				var x=document.getElementById("top")
				alert(x.innerHTML)
			}
			getValue()
			var x=document.getElementById("top")
			console.log(x.style)
			x.onclick=function(){
				var left=document.getElementById("left")
				alert(left.style.width)
				if (left.style.display =="block"){
					left.style.display="none"
				}
				else{
					left.style.display="block"
				}
			}
		</script>
{% endblock %}
